<template>
  <div style="height:100%;background-color: #222d32;" v-if="isMutiLock!=null">
		<Single v-if='!isMutiLock'></Single>
    <Multi v-else></Multi>
	</div>
</template>

<script>
import Multi from './components/multi'
import Single from './components/single'
import { getMatchInfo } from '@/api/match'
export default {
  data() {
    return {
      isMutiLock: null
    }
  },
  components: { Single, Multi },
  created() {
    this.getMatchInfo()
  },
  methods: {
    getMatchInfo() {
      getMatchInfo({ matchId: this.$store.state.user.matchReferee.matchId }).then(res => {
        this.isMutiLock = res.data.data.multiType
      })
    }
  }
}
</script>

